<template>
  <div class="detail-item" :class="{ border }">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "DetailItem",
  props: {
    border: Boolean
  }
};
</script>
<style lang="scss">
.detail-item {
  &.border {
    border-bottom: 1px solid #222438;
  }
  width: 100%;
  height: 92px;
  display: flex;
  justify-content: start;
  align-items: center;
  > div {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
</style>
